<template>
<div>
    <el-menu
        class="el-menu-demo"
        mode="horizontal"
        default-active="1"
    >
        <el-menu-item
        v-for="item in Muen.MuenList"
        :key="item.id"
        :index="item.id"
        @click="goLink(item.router)"
         >{{item.title}}</el-menu-item>
    </el-menu>
  <div class="h-6" />
</div>

</template>

<script lang="ts">
import {defineComponent } from 'vue'
import {useRouter} from 'vue-router';
export default defineComponent({
    name: 'MinBar',
    props: {
        Muen: {
            type: Object,
            required: true
        }
    },
    setup() {
        const router = useRouter()
        const goLink = (path: string)=>{
            router.push({name: path})
        }
    return {
        goLink
    }
    },
})
</script>
<style scoped lang="less">

</style>